<!DOCTYPE html>
<html>
<head>
<title>主页</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Playball' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Matrimony Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- banner -->
	<div id="home" class="header">
		<div class="container">
		<div class="logo-left">
			<span class="menu"><img src="images/menu.png" alt=" "/></span>
					<ul class="nav1">
						<li class="cap"><a href="index.html">主页</a></li>
						<li><a href="#wedding" class="scroll">主角</a></li>
						<li><a href="#about" class="scroll">剧情介绍</a></li>
						<li><a href="team.html">配角</a></li>
						<li><a href="gallery.html">照片集锦</a></li>
						<li><a href="blog.html">我们的记忆</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
		</div>
		<div class="logo">
			<a href="index.html"><span>最</span>好的我们</a>
		</div>
		<div class="clearfix"> </div>
		</div>
	</div>
			<!-- script for menu -->
					<script> 
						$( "span.menu" ).click(function() {
						$( "ul.nav1" ).slideToggle( 300, function() {
						 // Animation complete.
						});
						});
					</script>
			<!-- //script for menu -->
<!-- banner-bottom -->
	<div class="banner-bottom1">
		<div class="container">
			<div class="couple-names">
				<div class="banner">
<!-- Slider-starts-Here -->
				<script src="js/responsiveslides.min.js"></script>
				 <script>
				    // You can also use "$(window).load(function() {"
				    $(function () {
				      // Slideshow 4
				      $("#slider3").responsiveSlides({
				        auto: true,
				        pager: false,
				        nav: true,
				        speed: 500,
				        namespace: "callbacks",
				        before: function () {
				          $('.events').append("<li>before event fired.</li>");
				        },
				        after: function () {
				          $('.events').append("<li>after event fired.</li>");
				        }
				      });
				
				    });
				  </script>
			<!--//End-slider-script -->
				<div  id="top" class="callbacks_container wow fadeInUp" data-wow-delay="0.5s">
					<ul class="rslides" id="slider3">
						<li>
							<div class="banner-info">
								<h1> 最好的我们</h1><!--第一段文字-->
								<p>当时的他是最好的他，后来的我是最好的我<br>
								        可是最好的我们之间，隔了一整个青春<br>
								        怎么奔跑也跨不过的青春，只好伸出手道别</p>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h1> 耿耿余淮</h1><!--第二段文字-->
								<p>我和你坐同桌，3年。 你的影子和粉笔灰交织在一起，黑白分明， 在我的记忆力转圈。 我想，那时候的我们，是最好的我们。</p>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h1>青春 </h1><!--第三段文字-->
								<p>也许是因为我小时候那么相信，世界会善待我们，年少时第一个倾心喜欢的人，就一定会在一起。 我没做到，简单没做到，β也没做到。 但洛枳做到了。</p>
							</div>
						</li>
					</ul>
				</div>
				</div>
               <!-- <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>-->
				<div class="banner-bot">
					<div class="banner-bot-left">
						<h3><span>Welcome</span> to we are best website</h3>
					</div>
					<div class="footer-right banner-bot-right">
						<ul>
							<li><a href="#" class="facebook"></a></li>
							<li><a href="#" class="twitter"></a></li>
							<li><a href="#" class="g-plus"></a></li>
							<li><a href="#" class="in"></a></li>
							<li><a href="#" class="p"></a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div id="wedding" class="tips">
					<div class="col-md-6 tips-left">
						<h4><span>Instruction For</span> Her</h4>
						<div class="tips-left-fig">
							<img src="images/3.png" alt=" " title="Bride" />
						</div>
						<div class="tips-left-text">
							<p class="amet"><a href="single.html"><i>耿耿by谭松韵
								</i></a></p>
							<p>原本成绩普通的女生，乐观大方、热心体贴，她执着于摄影，总是随身带着相机，因缘际会考进振华中学后，在同桌余淮的影响下积极认真学习。多年以后两人再次相遇……</p>
							<div class="tips-read">
								<a href="single.html" class="hvr-bounce-to-top1">READ MORE</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-6 tips-left">
						<h4><span>Instruction For</span> Him</h4>
						<div class="tips-left-fig">
							<img src="images/2.png" alt=" " title="Bridegroom" />
						</div>
						<div class="tips-left-text">
							<p class="amet"><a href="single.html"><i>余淮by刘浩然
								</i></a></p>
							<p>一个开朗随和的“学霸”，他理科极强，是考试从不跌出前三名的尖子生，虽然外表大大咧咧，却性格阳光、待人热心，非常尽力帮助同桌耿耿，在班里人缘很好，还喜欢打篮球，担任了体育委员。</p>
							<div class="tips-read">
								<a href="single.html" class="hvr-bounce-to-top1">READ MORE</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div id="about" class="about-left">
					<div class="col-md-6 about-left-fig">
						<img src="images/1.jpg" alt=" " />
					</div>
					<div class="col-md-6 about-left-text">
						<h4>最美的青春，最好的我们</h4>
						<p>普通学生耿耿中考时意外考进振华高中，在偶然的机会下和“学霸”余淮相识。军训的时候，耿耿认识了闺蜜简单、
							β（蒋年年），进入振华后的生活就如耿耿预期的一样危机重重，摸底考试的沉重打击、上
							课听不懂等等，回到家里时，突然出现的新妈妈和新弟弟也让她一时无法接受。然而，因为同桌余淮、还有交到的一群好
							朋友的陪伴，这一切都变得不同，朋友们让耿耿的高中生活不再孤单。在同桌三年的时间内，耿耿和余淮从平凡的小事中
							共同成长，他们带着懵懂青涩的好感和青春告别。高考之后，耿耿心里最特别的那名男孩子竟然消失了。一别多年，重遇
							时，还惦记着当年约定的耿耿却受到刺激，需要在一直念念不忘的余淮和猛烈追求自己的路星河之间做出选择。</p>
						<!--<div class="about-figs">
							<div class="about-fig">
								<img src="images/4.jpg" alt=" " title="Jewellery" />
							</div>
							<div class="about-fig">
								<img src="images/3.jpg" alt=" " title="Bouque" />
							</div>
							<div class="about-fig">
								<img src="images/5.jpg" alt=" " title="Rings" />
							</div>
							<div class="about-fig">
								<img src="images/6.jpg" alt=" " title="Cake" />
							</div>
							<div class="clearfix"> </div>
						</div>-->
					</div>
					<div class="clearfix"> </div>
					<p class="laborum">该部剧是真正意义上的青春片，它没有把任何美好
						的东西撕碎给谁看，和大多数人上学的时候一样平淡无奇，但又像没什
						么味道的白开水，满溢着青春本该有的样子。该剧大打纯情路线，充满校服
						、军训、球场等高中生活元素，也穿插了80后的年代记忆；呈现的是自然纯
						粹、阳光健康的正能量。《最好的我们》打破了“青春剧必狗血”以及“IP剧泛
						滥”的瓶颈，用一个“真”字穿起了全剧的脉络，用平实的剧情和精良的制作征
						服了无数观众的心。</p>
				</div>
				<div class="tweets-blog-flickr">
					<div class="col-md-4 tweets">
						<h3>最新消息</h3>
						<p><i>世界上唯一的可能就是不可能 </br>
						世界上唯一的不变就是变化</i></p>
						<div class="twitter-dot">
							<span> </span>
						</div>
						<ul>
							<li><a href="#" class="t"> </a></li>
						</ul>
					</div>
					<div class="col-md-4 tweets1">
						<h3>我们的回忆</h3>
						<div class="tweets1-grids">
							<div class="tweets1-grid-left">
								<img src="images/17.jpg" alt=" " />
							</div>
							<div class="tweets1-grid-right">
								<p><a href="single.html">初恋这件小事</a></br>
								也许平凡如我们拥有的第一个秘密就叫做喜欢。</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="tweets1-grids">
							<div class="tweets1-grid-left">
								<a href="single.html"><img src="images/18.jpg" alt=" " /></a>
							</div>
							<div class="tweets1-grid-right">
								<p><a href="single.html">旋风十一人</a></br>
								只有坚持，那么梦想才不会走远。</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="col-md-4 tweets2">
						<h3>执念青春</h3>
						<div class="flickr-grids">
							<div class="flickr-grid">
								<a href="#"><img src="images/19.jpg" alt=" " /></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/20.jpg" alt=" " /></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/21.jpg" alt=" " /></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/22.jpg" alt=" " /></a>
							</div>
						</div>
						<div class="flickr-grids">
							<div class="flickr-grid">
								<a href="#"><img src="images/23.jpg" alt=" " /></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/17.jpg" alt=" " /></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/18.jpg" alt=" " /></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/20.jpg" alt=" " /></a>
							</div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
<!-- //banner-bottom -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-left">
				<p>你总是说青春不曾永远，而那时候的我们，就是最好的我们 ——<a href="http://baike.baidu.com/link?url=kZDcooQG4PQlMV6FHlYJviJndobf92uMKpAXAhPCagevQpYTA1U8qXU0oyhNP0d0yoTcnkoB1Zbr1bmLvSzbubOTXMDDm3vofVNPAUjCYBf1Rg_BIH2PCQDmHUCwIrDLBREHknC968dikG7hGpcaIq" target="_blank" title="最好的我们">最好的我们百度百科</a> 
			</div>
			<div class="footer-right">
				<ul>
					<li><a href="#" class="facebook"></a></li>
					<li><a href="#" class="twitter"></a></li>
					<li><a href="#" class="g-plus"></a></li>
					<li><a href="#" class="in"></a></li>
					<li><a href="#" class="p"></a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<div class="footer-pos">
				<a href="#home" class="scroll"><span> </span></a>
			</div>
		</div>
	</div>
<!-- //footer -->
</body>
</html>